<script setup>
import { useEmployeeStore } from "@/stores/employee.js";

// 员工页头

const employee = useEmployeeStore();

const exit = inject("exit");

function goBack() {
  // TODO 返回
  console.log("goBack");
}
</script>

<template>
  <el-page-header @back="goBack" class="el-page-header-user" title="返回">
    <template #content>
      <div class="content">
        <span> 星钥引渡 </span>
      </div>
    </template>

    <template #extra>
      <div class="extra">
        <span>员工&emsp;</span>
        <span class="employee-name">{{ employee.employee_name }}</span>
        &emsp;&emsp;
        <el-link @click="exit" :underline="false" class="extra">退出</el-link>
        &emsp;
      </div>
    </template>

  </el-page-header>
</template>

<style scoped>
.el-page-header-user {
  padding: 13px;
  height: 100vh;
  background-image: url("@/assets/moon.png");
  background-size:100% 100%;
  background-attachment:fixed;
  color: white;
}
.extra {
  color: white;
}
.content {
  color: white;
}
.employee-name {
  width: 150px;
  display:inline-block;
}
</style>